<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>我的主页</title>
<link rel="shortcut icon" href="//app.gomein.net.cn/favicon.ico"
	type="image/x-icon">
<link rel="stylesheet" type="text/css" href="../css/index.css"></link>
</head>
<body style="background: #C7EDCC;">
	<hr />
	<span style="color: red">1.标题h1-h6逐渐变小，自带换行</span>
	<h1>1</h1>
	<h2>2</h2>
	<h3>3</h3>
	<h4>4</h4>
	<h5>5</h5>
	<h6>6</h6>
	<hr />
	<span style="color: red">2.段落p标签，自动换行</span>
	<p>这是一段话，这是一段话，这是一段话，这是一段话，这是一段话，这是一段话，这是一段话，这是一段话，这是一段话，这是一段话，这是一段话，这是一段话，这是一段话，这是一段话，这是一段话，这是一段话，这是一段话，这是一段话，这是一段话，这是一段话，这是一段话，这是一段话，这是一段话，这是一段话，这是一段话，这是一段话，这是一段话。</p>
	<hr />
	<span style="color: red">3.上下标(sup和sub) </span>
	<br />
	<br />
	<span>X<sup>2</sup>&nbsp;*&nbsp;Y<sup>2</sup>=100,求满足条件的所有X和Y的整数值？
	</span>
	<hr />
	<span style="color: red">4.原样输出pre标签 </span>
	<pre>
		  望庐山瀑布
		    李白
		日照香炉生紫烟，
		遥看瀑布挂前川。
		飞流直下三千尺，
		疑是银河落九天。
	</pre>
	<hr />
	<span style="color: red">5.有序列表ol li </span>
	<ol>
		<li>一</li>
		<li>二</li>
		<li>三</li>
	</ol>
	<hr />
	<span style="color: red">6.无序列表ul li </span>
	<ul>
		<li>一</li>
		<li>二</li>
		<li>三</li>
	</ul>
	<a name="mark">我</a><br/>
	<hr />
	<span style="color: red">7.项目列表标签(dl dt dd) </span>
	<div id="Methods1">
		<dl>
			<dt>
				<a href="http://www.baidu.com">商品名称</a>
			</dt>
			<dd>别克昂科威</dd>
		</dl>
	</div>
	<hr />
	<span style="color: red;">8.行内标签(span) </span>
	<br />
	<span style="color: blue;">this is a span</span>
	<hr />
	<span style="color: red">9.块标签(div) </span>
	<div
		style="background-color: green; width: 100px; height: 100px; margin-top: 0px; margin-left: 0px;">
		<span>第一块</span>
	</div>
	<div
		style="background: blue; width: 100px; height: 100px; margin-top: -100px; margin-left: 110px">
		<span>第二块</span>
	</div>
	<hr />
	<span style="color: red">10.字符实体 </span>
	<br />
	<table
		style="border-width: 10px; border-color: black; border-spacing: 10px; border-collapse: separate;">
		<tr>
			<th>显示结果</th>
			<th>描述</th>
			<th>实体名称</th>
			<th>实体编号</th>
		</tr>
		<tr>
			<td>&nbsp;</td>
			<td>空格</td>
			<td>&amp;nbsp;</td>
			<td>&amp;#160;</td>
		</tr>
	</table>
	<span>&lt; &gt; &quot; &apos; &amp;</span>
	<hr />
	<span style="color: red">11.html多媒体 </span>
	<br />
	<embed src="../file/Kalimba.mp3">
	<br />
	<div>
		<marquee direction="up" behavior="scroll" scrollamount="1"
			scrolldelay="0" loop="-1" width="1000" height="50" bgcolor="#0099FF"
			hspace="10" vspace="10"> 
			指整个Marquee对齐方式;
			(2)behavior:设置滚动的方式: scroll:表示由一端滚动到另一端,会重复,缺陷是不能无缝滚动。
			slide:表示由一段滚动到另一端,不会重复... 
			</marquee>
	</div>
	<hr/>
	<span style="color: red">12.HTML链接和图像 </span><br/>
	跳转：<a href = "../index.jsp" target="_blank" >进入首页</a><br/>
	邮件：<a href="mailto:lxzyolo@163.com">@联系我</a> <br/>
	定位：<a href="#mark">找到我</a> <br/>
	<img src="../image/Jellyfish.jpg" align="middle" border="3"
		alt="图片说明文字" username="#Map" /> 
	<map name="Map">
		<area shape="rect" coords="50,59,116,104" href="1.html" />
		<area shape="circle" coords="118,203,40" href="2.html" />
	</map>




	<hr/>
	
	
</body>
</html>